.home{
    .slide{
    	margin-bottom:20px;
    	animation: fade-in;
        animation-duration: .5s;
        img{
        	width:100%;
        	height:315px;
        }
        .carousel-caption{
        	display: flex;
        	justify-content: center;
        	align-items: center;
        	flex-direction: column;
        	bottom: 10px;
        	top:10px;
        }
    }
}

@media screen and (min-width:768px){
    .home{
        .slide{
            .carousel-caption{
                h3{
            		margin:15px;
            		font-size:1.25rem;
            	}
            	p{
            		color:#eee;
            	}
            }
        }
    }
}

@media screen and (max-width:767px) {
    .home{
        .slide{
            .carousel-caption h3{
        		margin:0;
        	}
        	img{
        		height:200px;
        	}
        }
    }
}

